<style>
  .{{$template|escape:'html'}}_table0 {
    height: 65px;
    width:1024px;
    border:solid 0px #ccc;
  }
  .{{$template|escape:'html'}}_table1 {
    width: 1024px;
    height: 200px;
    border:solid 0px #ccc;
  }
  .{{$template|escape:'html'}}_table2 {
    width: 200px;
    height: 340px;
    border:solid 0px #ccc;
  }
  .{{$template|escape:'html'}}_table3 {
    width: 1024px;
    height: 50px;
    border:solid 0px #ccc;
  }
  .{{$template|escape:'html'}}_td1 {
    width: 250px;
    height: 90px;
    text-align: left;
    vertical-align: middle;   
  }
  .{{$template|escape:'html'}}_td2 {
    width: 350px;
    height: 487px;
    text-align: left;
    vertical-align: bottom;
  }
  .{{$template|escape:'html'}}_td3 {
    width: 70px;
    height: 250px;
    text-align: center;
    vertical-align: bottom;
  }
  .{{$template|escape:'html'}}_td4 {
    width: 284px;
    height: 347px;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td5 {
    width: 200px;
    height: 145px;
    text-align: left;
    vertical-align: bottom;
  }
  .{{$template|escape:'html'}}_td6 {
    width: 220px;
    height: 37px;
    text-align: left;
    vertical-align: bottom;+-
  }
  .{{$template|escape:'html'}}_td7 {
    width: 220px;
    height: 30px;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td8 {
    width: 220px;
    height: 20px;
    text-align: left;
    vertical-align: bottom;
  }
  .{{$template|escape:'html'}}_td9 {
    width: 220px;
    height: 30px;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td10 {
    width: 220px;
    height: 35px;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td11 {
    width: 180px;
    height: 50px;
    text-align: right;
    vertical-align: bottom;
  }
 .{{$template|escape:'html'}}_td12 {
    width: 53px;
    height: 90px;
    text-align: right;
    vertical-align: middle;   
  }
  
  .{{$template|escape:'html'}}_inputText {
    width: 200px;
    height: 15px;
  }
  .{{$template|escape:'html'}}_registerLink {
    cursor: pointer;
    margin: 0 0 0 5px;
  }
  .{{$template|escape:'html'}}_loginButton {
    cursor: pointer;
  }
  .{{$template|escape:'html'}}_marginLeft {
    margin: 0 0 90px 80px;
  }
</style>

<script src="jsrequest.php?script={{$template|escape:'html'}}" type="text/javascript"></script>
<script type="text/javascript">
  <!--
    if (document.addEventListener) {
      document.addEventListener('DOMContentLoaded', init, false);
    }
    window.onload = init;

    function init() {
      if (!document.getElementById || !document.createElement || !arguments || arguments.callee._loaded) {
        return;
      }
      arguments.callee._loaded = true;
      
      var gui = AbstractSignIn.gui('{{$template|escape:javascript}}');

      new HandleSignIn(gui, MiscUtils.decode('{{$operator|escape:javascript}}'), MiscUtils.decode('{{$now|escape:javascript}}'), MiscUtils.decode('{{$options|escape:javascript}}'));
    }
  //-->
  
  
</script>



<table cellPadding="0" cellSpacing="0" class="{{$template|escape:'html'}}_table0" >
  <tr>
  <td></td>
  </tr>
</table>



<table cellPadding="0" cellSpacing="0" class="{{$template|escape:'html'}}_table1" border=0>

  <tr>
  <td class="{{$template|escape:'html'}}_td12">
    </td>
 
    <td class="{{$template|escape:'html'}}_td1">
      <img src="image/login/logo.png"></img>
    </td>
  </tr>
  <tr>
  <td class="{{$template|escape:'html'}}_td12">
    </td>
    <td class="{{$template|escape:'html'}}_td2" colspan=1>
      <img src="image/login/left.png" class="{{$template|escape:'html'}}_marginLeft"></img>
    </td>
    <td class="{{$template|escape:'html'}}_td3">
      <img src="image/login/line2.png" ></img>
    </td>
    <td class="{{$template|escape:'html'}}_td4" align="left">
      <table cellPadding="0" cellSpacing="0" class="{{$template|escape:'html'}}_table2" border=0>
        <tr>
          <td class="{{$template|escape:'html'}}_td5">
            <img src="image/login/title.png"></img>
          </td>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td6">
            <img src="image/login/account.png"></img>
          </td>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td7">
            <input type="text" id="{{$template|escape:'html'}}_account_input" class="{{$template|escape:'html'}}_inputText"></input>
          </td>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td8">
            <img src="image/login/password.png"></img>
          </td>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td9">
            <input type="password" id="{{$template|escape:'html'}}_password_input" class="{{$template|escape:'html'}}_inputText"></input>
          </td>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td10">
            <img src="image/login/text1.png" />
            <img src="image/login/text2.png" id="{{$template|escape:'html'}}_register_link" class="{{$template|escape:'html'}}_registerLink" />
          </td>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td11">
            <img src="image/login/login.png" id="{{$template|escape:'html'}}_login_button" class="{{$template|escape:'html'}}_loginButton"></img>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
<table cellPadding="0" cellSpacing="0" class="{{$template|escape:'html'}}_table3" >
  <tr>
  <td></td>
  </tr>
</table>
